<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>

  <script src="jquery-3.7.1.min.js"></script>
  <!--  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>-->

</head>
<body>

<a href="https://example.com">Example Link</a>
<br>
<a>No Link</a>

<br>


<input type="text" value="username">
<input type="text" value="password">
<input type="text" value="user">
<input type="text" value="customeruser">


<div class="content box">Content Box</div>
<div class="box">Box Only</div>
<div class="bob">Bob Only</div>


<hr>


<div lang="en">English</div>

<div lang="en-us">English (US)</div>

<div lang="fr">French</div>


<script>


  $('div[lang|="en"]').css('font-style', 'italic');
  // $('div[class~="box"]').css('border', '1px solid red'); // class包含"box"的div加边框

  // $("input[value]").css('color', 'red');
  // $("input[value='username']").css('color', 'red');
  // $("input[value!='username']").css('color', 'red');
  // $("input[value^='user']").css('color', 'red');
  // $("input[value$='user']").css('color', 'red');
  // $("input[value*='user']").css('color', 'red');

  // $('a[href]').css('color', 'red');
  // $("p:visible").css("background",'pink');
  // $("p:hidden").css('color', 'red');
</script>
</body>
</html>
